import { useProChat } from '@ant-design/pro-chat';
import { Button, Tooltip, Flex, message } from 'antd';
import { LikeOutlined, DislikeOutlined } from '@ant-design/icons';

const likeTip = () => {
    message.success("😆 Thanks!!");
}

const disLikeTip = () => {
    message.success("😅 Sorry!!");
}

export default function RPAButton()
{
    const ichat = useProChat();
    return (<Flex gap="small" wrap>
        <Tooltip title="点赞">
        <Button
            type='text'
            icon={ <LikeOutlined /> }
            onClick={() => {
                console.log(ichat.getChatMessages());
                likeTip();
            }}
        >
        </Button>
        </Tooltip>
        
        <Tooltip title="点踩">
        <Button
            type='text'
            icon={ <DislikeOutlined /> }
            onClick={() => {
                console.log(ichat.getChatMessages());
                disLikeTip();
            }}
        >
        </Button>
        </Tooltip>
    </Flex>);
}